body, div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, select, textarea, p, blockquote, th, td, img ,iframe { margin:0; padding:0; }
table{ border-collapse:collapse; border-spacing:0; }
input,button,textarea,option { font:12px "\5b8b\4f53", Arial, Helvetica, sans-serif; }
ul, li, div{ list-style:none; border:0px; }
img {
	border: 0px;
	max-width: 100%;
	max-height: 100%;
}
.clear{ font:0px/0px serif; display:block; clear:both; }
html{ -webkit-text-size-adjust: none; }
input{ outline:none; vertical-align:middle; margin:0; padding:0;}
button{ border:none; margin:0; padding:0;}
textarea{ resize:none; vertical-align:middle;}
select{ vertical-align:middle;}
a{ text-decoration:none; }
.json{ display:none;}
body:nth-of-type(1) input:focus,textarea:focus{ outline:none; }
body {
	font-size: 12px;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Helvetica, Arial,sans-serif;
	color: #333;
	background: #f5f5f5;
}
.lostpro{width:450px;background: url('../../images/lostpro.jpg') no-repeat left top;margin: 45px auto;padding-left: 165px;height:116px;
padding-top: 10px;
}
.lostpro span{font: 22px/34px "Microsoft Yahei";color: #333;}
.lostproab{font: 12px/24px "\5b8b\4f53";color: #767676;}
.lostproab a{background: url('../../images/caigouSearch.png') no-repeat -145px -35px;padding-left: 12px;}

@font-face {
  font-family: 'chem17';  /* Project id 1943868 */
  src: url('//at.alicdn.com/t/c/font_1943868_sqlr0raxg1g.woff2?t=1679366901224') format('woff2'),
       url('//at.alicdn.com/t/c/font_1943868_sqlr0raxg1g.woff?t=1679366901224') format('woff'),
       url('//at.alicdn.com/t/c/font_1943868_sqlr0raxg1g.ttf?t=1679366901224') format('truetype');
}
.White-bg {
	background-color: #fff;
}
.chem17 {
	font-family: "chem17" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}
/*public-fontFamily*/
.header p,.header ul li,.active_on,.active_out,.header span,.nav p,#search p,.download b,.download p,.topic h3,.topic p,.topic li,.mainRight dt,.partnerTitle h3 a{ font-family:"Microsoft Yahei","\5b8b\4f53";}
.mainRight dd span,.newspages{ font-family:"Tahoma","\5b8b\4f53";}
/*public-background*/
.header span,#search p,#search button,.selectbox,.download .button,.topic li,.mainRight dt{ background:url(../images/download2014/download2014.png) no-repeat;}
.topNav,.active_on,.active_out{ background:url(../images/download2014/headerIcon.png) no-repeat;}
.newspages .prev,.newspages .prev:hover,.newspages .next,.newspages .next:hover{ background:#f2f2f2 url(../images/lists/pagearrow.gif) no-repeat;}

/*search*/
#search{ height:54px; margin:0 auto; font-size:14px; position:relative; z-index:1;}
#search p{ float:left; line-height:54px; background-position:-112px -117px; color:#666; text-indent:25px; position:absolute; left:0; top:0; z-index:1;font-size: 16px;}
#search p a{ color:#666; padding:0 5px;}
#search p a:hover{ color:#f60;}
#search p span{ color:#446cb3; padding-left:5px;}
.search1{ width:289px; height:30px; position:absolute; z-index:3; top:10px;border:1px solid #e5e5e5; border-right:0; font-size:14px;right: 0;}
input.text{ width:200px; height:30px; display:block; position:absolute; line-height:30px; border:0; background:#fff; color:#666; text-indent:10px; top:11px; right:30px; z-index:3; font-size:14px;}
#search button{ width:30px; height:30px; display:block; cursor:pointer; background-position:0 -25px; position:absolute; top:11px; right:0; z-index:3;}
.selectbox-wrapper{ width:58px; border:1px solid #e5e5e5; border-top:0; background:#fff; text-align:center; position:absolute; top:42px; right:230px; z-index:9999;}
.selectbox-wrapper ul li.selected,.selectbox-wrapper ul li.current{ background:#5b7648; color:#fff;}
.selectbox-wrapper ul li{ padding-bottom:3px; width:58px; cursor:pointer; font-size:14px; line-height:18px; padding-top:3px; text-indent:15px; text-align:left;}
.selectbox{ width:58px; height:30px; border:0; border-right:1px solid #e5e5e5; display:block; line-height:28px; color:#666; z-index:10; position:absolute; top:11px;right:230px; text-indent:9px; cursor:pointer; background-color:#fff; background-position:-80px -80px; font-size:14px;}
/*download*/
.main{ margin:0 auto;}
.mainLeft{ width:300px; float:left;}
.download{ width:300px; height:354px; float:left; padding-top:47px; background:url(../images/download2014/bgdownload.jpg) no-repeat;}
.download ul{ width:270px; float:left; padding:12px 10px 12px 20px;}
.download li{ width:270px; height:30px; float:left;}
.download b{ width:23px; height:18px; float:left; border:1px solid #5b7648; line-height:18px; text-align:center; font-size:15px; font-weight:normal; margin-top:5px; color:#5b7648;}
.download p{ width:245px; height:30px; float:left; font-size:16px; line-height:30px; overflow:hidden; text-indent:10px;}
.download p a{ color:#333;}
.download .button{ width:56px; height:21px; float:left; background-position:-31px -25px; margin-top:5px; display:none;}
.download .hover p{ width:182px;}
.download .hover p a{ font-weight:bold; color:#5b7648;}
.download .hover .button{ display:block;}
/*topic*/
.topic{ width:265px; height:282px; float:left; padding:47px 16px 0 19px; background:url(../images/download2014/bgtopic.jpg) no-repeat;}
.topic h3{ width:265px; height:38px; float:left; margin-top:12px; line-height:38px; font-size:16px; overflow:hidden;}
.topic h3 a,.topic li a{ color:#333;}
.topic h3 a:hover,.topic p a:hover,.topic li a:hover,.mainRight dt a:hover{ color:#f60; text-decoration:underline;}
.topic img{ width:100px; height:80px; float:left;}
.topic p{ width:144px; height:60px; float:left; padding:9px 10px; line-height:20px; color:#888; border:1px solid #dedede; border-left:0; overflow:hidden;}
.topic p a{ color:#446cb3;}
.topic ul{ width:265px; float:left; padding-top:8px;}
.topic li{ width:265px; height:30px; float:left; line-height:30px; font-size:16px; background-position:-128px -52px; overflow:hidden; text-indent:12px;}
/*downloadList*/
.mainRight{ width:1160px; float:right;}
.mainRight dl{ height:104px; overflow: hidden;}
.mainRight dt{ height:36px; border-top:1px solid #d9e5cf; font-weight:bold; font-size:18px; line-height:36px; overflow:hidden; text-indent:28px; background-color:#f3f8ef; background-position:-112px -28px;}
.mainRight dt a{ color:#333;}
.mainRight dd{ height:44px; margin-left:28px; padding-top:18px;}
.mainRight dd span{ width:260px; height:22px; float:left; margin-right:10px; font-size:16px; line-height:22px; color:#666; overflow:hidden;}
/*newspages*/
.newspages{ width:100%; margin:0 auto; padding:15px 0; line-height:30px; color:#666; text-align: center; float:left; border-top:1px solid #ebebeb;}
.newspages a{ width:30px; height:30px; border:1px solid #c9c9c9; background:#f2f2f2; color:#666; display:inline-block; font-size:14px; line-height:30px; margin:0 3px; text-align:center; vertical-align: middle;}
.newspages .on{ border:1px solid #4f663e; background-color:#5b7648; cursor:default; color:#fff;}
.newspages .ft{background:#f2f2f2 url(../images/public/pagearrow.gif) 2px -19px no-repeat;}
.newspages .lt{background:#f2f2f2 url(../images/public/pagearrow.gif) -24px -65px no-repeat;}
.newspages .ft:hover{background:#f2f2f2 url(../images/public/pagearrow.gif) 2px 4px no-repeat;}
.newspages .lt:hover{background:#f2f2f2 url(../images/public/pagearrow.gif) -24px -42px no-repeat;}
.newspages .page_etc{ color:#999; margin:0 10px;}
.newspages .page_turn{ position:relative; margin-left:10px;}
.newspages .page_turn b{ padding:0 5px;}
.newspages .jump input{ width:45px; height:21px; display:inline-block; margin:0 4px; border:1px solid #e4e4e4; text-align:center; color:#666; line-height:21px;}
.newspages button{ height:22px; padding:0 10px; border:1px solid #c9c9c9; background:#fff; color:#666; cursor:pointer; margin-left:2px; _margin-left:4px; _padding:0 5px;}
.newspages a.prev{ background: #f2f2f2 url(../images/Public/pagearrow.gif) 0px -65px no-repeat;}
.newspages a.prev:hover{ background: #f2f2f2 url(../images/Public/pagearrow.gif) 0px -42px no-repeat; }
.newspages a.next{ background: #f2f2f2 url(../images/Public/pagearrow.gif) -24px -19px no-repeat; }
.newspages a.next:hover{ background: #f2f2f2 url(../images/Public/pagearrow.gif) -24px 4px no-repeat; }
.newspages a:hover{ color:#000;}
.newspages .on:hover{ color:#fff;}
.main .left {
	background-color: #fff;
	width: 1100px;
	float: left;
	border-radius: 4px;
}
.main .left li {
	padding: 0 22px;
	overflow: hidden;
	position: relative;
}
.main .left li .image {
	width: 100px;
	float: left;
	margin-right: 22px;
	position: relative;
}
.main .left li .image a {
	height: 0;
	overflow: hidden;
	padding-bottom: 124%;
	display: block;
	box-shadow: 2px 3.464px 8px 0px rgba(40, 40, 40, 0.1);
}

.main .left li .image a img {
	max-height: none;
}
.main .left li .image .type {
	position: absolute;
	right: 2px;
	bottom: 2px;
}
.main .left li .text {
	overflow: hidden;
	padding-right: 210px;
}
.main .left li .text .name {
	font-size: 20px;
	font-weight: bold;
	margin-top: 8px;
	line-height: 22px;
	height: 22px;
	overflow: hidden;
}
.main .left li .text .name a {
	color: #333;
}
.main .left li .text .name a:hover {
	color: #4385f5;
}
.main .left li .text .company {
	margin-top: 32px;
	font-size: 16px;
	line-height: 18px;
	height: 18px;
	overflow: hidden;
	color: #666;
}
.main .left li .text .company a {
	color: #666;
}
.main .left li .text .company a:hover {
	color: #4385f5;
}
.main .left li .text .data {
	margin-top: 15px;
	font-size: 0;
	color: #999;
}
.main .left li .text .data span {
	display: inline-block;
	font-size: 14px;
	padding: 0 12px;
	border-right: 1px solid #c0c0c0;
}
.main .left li .text .data span i {
	font-size: 14px;
	margin-right: 6px;
}
.main .left li .text .data span:first-child {
	padding-left: 0;
}
.main .left li .text .data span:last-child {
	border: 0;
}
.main .left li .btn {
	position: absolute;
	right: 60px;
	top: 65px;
}
.main .left li .btn a {
	display: block;
	width: 153px;
	height: 48px;
	border-radius: 4px;
	line-height: 48px;
	background-color: #32b16c;
	box-shadow: 5px 8.66px 20px 0px rgba(50, 177, 108, 0.25);
	color: #fff;
	font-size: 16px;
	text-align: center;
	opacity: 1;
}
.main .left li .btn a i {
	font-size: 16px;
	margin-right: 6px;
}
.main .left li:hover .btn a {
	opacity: 1;
}
.main .left li .item {
	border-bottom: 1px solid #eee;
	overflow: hidden;
	padding: 22px 0;
}
.main .left li:hover {
	box-shadow: -2.598px 1.5px 14.85px 0.15px rgba(40, 40, 40, 0.15);
}
.pages {
	margin: 35px 0;
	text-align: center;
}
.pages a {
	width: 40px;
	height: 40px;
	box-sizing: border-box;
	border: 1px solid #e2e2e2;
	border-radius: 4px;
	margin: 0 5px;
	display: inline-block;
	text-align: center;
	line-height: 40px;
	vertical-align: top;
	font-size: 16px;
	color: #333;
	background-color: #fff;
}
.pages a.on,.pages a:hover {
	background-color: #76a244;
	color: #fff;
	border-color: #76a244;
}
.pages a.prev {
	background: #fff url(../../../../images/technology/version/2022/page.png) 14px center no-repeat;
}
.pages a.lt {
	background: #fff url(../../../../images/technology/version/2022/page.png) -285px center no-repeat;
}
.pages a.ft {
	background: #fff url(../../../../images/technology/version/2022/back_2.png) center no-repeat;
}
.pages a.next {
	background: #fff url(../../../../images/technology/version/2022/next_1.png) center no-repeat;
}
.pages .jump {
	font-size: 14px;
	line-height: 40px;
	margin-left: 6px;
}
.pages .jump input {
	width: 45px;
	height: 40px;
	box-sizing: border-box;
	border: 0;
	border: 1px solid #ddd;
	vertical-align: top;
	margin: 0 10px;
	text-align: center;
}
.pages .jump button {
	width: 55px;
	height: 40px;
	border: 0;
	background-color: #76a244;
	color: #fff;
	border-radius: 4px;
	font-size: 14px;
}
.main .right {
	width: 362px;
	float: right;
}
.main .right .right-adv {
	margin-bottom: 20px;
}
.main .right .right-adv img {
	width: 100%;
}
.main .right .item {
	padding: 3px 20px 20px 20px;
	border-bottom: 1px solid #eee;
	background: #fff;
}
.main .right .item:last-child {
	border-bottom: none;
}
.main .right-title {
	height: 55px;
	line-height: 55px;
	color: #333;
	font-size: 22px;
	font-weight: bold;
	position: relative;
}
.main .right-title .more {
	color: #999;
	position: absolute;
	top: 0;
	right: 0;
	font-size: 14px;
	font-weight: normal;
}
.main .right-title .more:hover {
	color: #76a244;
}
.main .right-title::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 68px;
	height: 3px;
	background: url('../../images/list/right-title.png') no-repeat;
	background-size: contain;
}
.main .right-title span {
	color: #76a244;
}
.main .right .LiveBig {
	margin-top: 20px;
}
.main .right .LiveBig .image {
	padding-bottom: 56%;
	height: 0;
	overflow: hidden;
	position: relative;
}
.main .right .LiveBig .image img {
	width: 100%;
	max-height: none;
	display: block;
}
.main .right .LiveBig p {
	font-size: 16px;
	line-height: 26px;
	height: 52px;
	overflow: hidden;
	margin-top: 10px;
}
.main .right .LiveBig p a {
	color: #333;
}
.main .right .LiveBig p a:hover {
	color: #76a244;
}
.main .right .LiveBig i {
	color: #fff;
	font-size: 44px;
	position: absolute;
	left: 10px;
	bottom: 10px;
}
.main .right .LiveUl {
	margin-top: 24px;
	margin-right: -20px;
}
.main .right .LiveUl li {
	width: 50%;
	float: left;
}
.main .right .LiveUl .item1 {
	margin-right: 20px;
}
.main .right .LiveUl .image {
	padding-bottom: 56%;
	height: 0;
	overflow: hidden;
	position: relative;
}
.main .right .LiveUl .image img {
	width: 100%;
	max-height: none;
	display: block;
}
.main .right .LiveUl .image i {
	position: absolute;
	color: #fff;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-size: 30px;
	opacity: 0;
	z-index: -1;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.main .right .LiveUl .image:hover i {
	opacity: 1;
	z-index: 1;
}
.main .right .LiveUl li p {
	font-size: 15px;
	line-height: 23px;
	height: 46px;
	overflow: hidden;
	margin-top: 10px;
}
.main .right .LiveUl li p a{
	color: #333;
}
.main .right .LiveUl li p a:hover {
	color: #76a244;
}
.main .right .pro-rec .image {
	width: 100px;
	height: 100px;
	float: left;
	margin-right: 18px;
}
.main .right .pro-rec .image img {
	width: 100%;
	height: 100%;
}
.main .right .pro-rec {
	margin-top: 20px;
}
.main .right .pro-rec li {
	overflow: hidden;
	margin-bottom: 20px;
}
.main .right .pro-rec li:last-child {
	margin-bottom: 0;
}
.main .right .pro-rec .text {
	overflow: hidden;
}
.main .right .pro-rec .text p {
	font-size: 15px;
	height: 44px;
	line-height: 22px;
	overflow: hidden;
	margin-top: 5px;
}
.main .right .pro-rec .text span {
	display: block;
	color: #999;
	font-size: 14px;
	margin-top: 25px;
}
.main .right .pro-rec .text p a {
	color: #333;
}
.main .right .pro-rec .text p a:hover {
	color: #76a244;
}
.main .right .news-ul {
	margin-top: 10px;
}
.main .right .news-ul li{
	height: 38px;
	line-height: 38px;
	overflow: hidden;
	font-size: 15px;
}
.main .right .news-ul li i {
	display: inline-block;
	width: 17px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-style: normal;
	margin-right: 10px;
	font-size: 14px;
	color: #666;
}
.main .right .news-ul li:nth-child(1) i {
	background: url('../../images/list/news-ul-1.png');
	background-size: contain;
}
.main .right .news-ul li:nth-child(2) i {
	background: url('../../images/list/news-ul-2.png');
	background-size: contain;
}
.main .right .news-ul li:nth-child(3) i {
	background: url('../../images/list/news-ul-3.png');
	background-size: contain;
}
.main .right .news-ul li a {
	color: #777;
}
.main .right .news-ul li a:hover {
	color: #76a244;
}

.main .right .user {
	padding: 25px 20px;
	background: #fff;
	margin-bottom: 20px;
	border-top: 5px solid #76a244;
	/* box-shadow: 0px 12px 14px -4px rgba(90, 90, 90, 0.1); */
	background: #fafafa;
}
.main .right .user-top {
	overflow: hidden;
}
.main .right .user .image {
	display: block;
	width: 82px;
	height: 82px;
	float: left;
	margin-right: 20px;
	position: relative;
	border-radius: 50px;
	overflow: hidden;
	border: 1px solid #ddd;
	box-sizing: border-box;
}
.main .right .user .image img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.main .right .user .text {
	overflow: hidden;
}
.main .right .user .text p {
	font-size: 17px;
	line-height: 30px;
	height: 60px;
	overflow: hidden;
	font-weight: bold;
}
.main .right .user .text span {
	margin-left: 5px;
	background-color:#2eb07d;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#2eb07d), to(#6bc55d));
	background-image:-webkit-linear-gradient(90deg, #2eb07d, #6bc55d);
	background-image:-moz-linear-gradient(90deg, #2eb07d, #6bc55d);
	background-image:-ms-linear-gradient(90deg, #2eb07d, #6bc55d);
	background-image:-o-linear-gradient(90deg, #2eb07d, #6bc55d);
	background-image:linear-gradient(90deg, #2eb07d, #6bc55d);
	font-size: 14px;
	color: #fff;
	padding: 1px 8px;
	font-weight: normal;
}
.main .right .user .btn_right {
	margin-top: 30px;
}
.main .right .user .btn_right a {
	display: inline-block;
	width: 136px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	margin: 0 10px;
	background: #76a244;
	border-radius: 4px;
	font-size: 16px;
	border: 1px solid #76a244;
}
.main .right .user .btn_right a.audience {
	background: #e5fbef;
	color: #76a244;
	border: 1px solid #76a244;
}
.ent-dir {
	background: #fff;
	padding: 20px;
	margin-top: 20px;
}
.ent-dir .image {
	width: 95px;
	height: 143px;
	float: left;
	margin-right: 20px;
}
.ent-dir .text {
	overflow: hidden;
}
.ent-dir .text b {
	font-weight: normal;
	font-size: 16px;
	display: block;
	margin-top: 15px;
	line-height: 24px;
	height: 48px;
	overflow: hidden;
}
.ent-dir .text b a {
	color: #333;
}
.ent-dir .text b a:hover {
	color: #76a244;
}
.ent-dir .text p {
	margin-top: 30px;
	color: #fff;
	font-size: 14px;
}
.ent-dir .text p span {
	background: #76a244;
	padding: 2px 4px;
	display: inline-block;
	border-radius: 3px;
	margin-right: 10px;
}
.ent-dir .text p span a {
	color: #fff;
}
.ent-dir .text p em a {
	color: #fff;
}
.ent-dir .text p em {
	font-style: normal;
	display: inline-block;
	background: #ff9900;
	padding: 2px 4px;
	border-radius: 3px;
}

.rec-exhi {
	margin-top: 20px;
}
.rec-exhi ul {
	margin-top: 5px;
}
.rec-exhi-title span {
	font-size: 14px;
	color: #fff;
	background: #ff7e05;
	padding: 0 4px;
	margin-right: 6px;
}
.rec-exhi-title em {
	font-size: 14px;
	color: #fff;
	font-style: normal;
	background: #76a244;
	padding: 0 4px;
}
.rec-exhi .image {
	padding-bottom: 56%;
	height: 0;
	overflow: hidden;
	position: relative;
	margin-top: 10px;
}
.rec-exhi .image img {
	width: 100%;
	max-height: none;
	display: block;
}
.rec-exhi .image p {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 25px 12px 10px 12px;
	font-size: 16px;
	color: #fff;
	box-sizing: border-box;
	width: 100%;
}
.rec-exhi .image p strong {
	font-weight: normal;
	height: 22px;
	line-height: 22px;
	overflow: hidden;
	display: block;
}
.rec-exhi-title {
	margin-top: 12px;
}
.rec-exhi ul li {
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	font-size: 16px;
}
.rec-exhi ul li a {
	color: #333;
}
.rec-exhi ul li a:hover {
	color: #76a244;
}
/* 20220711头部+导航栏+底部+左右飘窗*/
.w {
	width: 1500px;
	margin: 0 auto;
}
.iframe {
	overflow: hidden;
}
iframe {
	width: calc(100% + 18px);
	margin-left: -9px;
}
.header .item .left p a:hover {
	color: #44a631;
}
.header{
	height: 40px;
	background: #f2f2f2;
}
.header .item{
	height: 100%;
	margin: 0 auto;
}
.header .item .left{
	float: left;
}
.header .item .left p{
	line-height: 40px;
	color: #666;
	float: left
}
.header .item .left p a {
	color: #666;
}
.header .item ul{
	float: left;
	margin-top: 12px;
}
.header .item ul li {
	float: left;
	padding: 0 6px;
	height: 16px;
	border-right: 1px solid #e5e9f4;
	color: #666;
}
.header .item ul li a {
	color: #666;
	line-height: 24px;
	display: inline-block;
	padding: 0 10px;
	margin-top: -4px;
}
.header .item .left ul li:first-child a {
	padding: 0 5px;
}
.header .item .left ul li a {
	padding: 0 10px;
}
.header .item ul li:first-child a{
	color: #44a631;
}
.header .item .left ul li:nth-child(even) a,.header .item .left ul li:nth-child(even) a:hover{
	color: #fff;
	background-color: #44a631;
	border-radius: 2px;
}
.header .item .right ul li {
	padding: 0;
}
.header .item .right ul li a {
	padding: 0 12px;
}
.header .item .right {
	float: right;
	margin-right: 190px;
}
.header .item .right ul li:first-child a{
	color: #666;
}
.header .item ul li a:hover,.header .right ul li a:hover,.header .item .right ul li:first-child a:hover{
	color: #44a631;
}
.header--drop{
	margin: 0 auto;
	position:relative;
}
.header--drop ul {
	position: absolute;
	right: 0;
	top: -42px;
}
.header--drop ul li{
	float: left;
	height: 40px;
	position:relative;
}
.header--drop ul li .weixin{
	height: 40px;
	position:relative;
}
.header--drop ul li .weixin::after{
	width: 1px;
	height: 16px;
	background-color: #e5e9f3;
	content:'';
	position:absolute;
	top: 12px;
	right: 0;
	z-index: 1;
}
.header--drop ul li .weixin.hover::before{
	background-color: #fff;
	content:'';
	position:absolute;
	left: 0px;
	top: -2px;
	right: 0px;
	bottom:0;
	height: 45px;
	z-index: 2;
}
.header--drop ul li .weixin.hover{
	background-color: #fff;
}
.header--drop ul li .weixin.hover::after,.header--drop ul li:last-child .weixin::after{
	display: none;
}
.header--drop ul li .weixin i {
	display: inline-block;
	width: 20px;
	height: 16px;
	background: url('../images/list/weixin_ico.png') no-repeat;
	background-size: contain;
	margin: 12px 4px 0 0;
}
.header--drop ul li.mobile .weixin i {
	width: 12px;
	height: 18px;
	background: url('../images/list/mobile_ico.png') no-repeat;
	background-size: contain;
	margin: 11px 4px 0 0;
}
.web-code{
	width: 113px;
	padding:15px 15px 15px 15px;
	background-color: #fff;
	position:absolute;
	z-index: 99;
	top: 40px;
	right: 0;
	background-color: #fff;
	box-shadow: 0px 6px 10px -4px rgba(0, 0, 0, 0.1);
	display: none;
	text-align: center;
	z-index: 99;
}
.web-code1 {
	width: 400px;
	padding: 15px 15px 15px 15px;
}
.web-code .item {
	float: left;
	width: calc(33.3% - 20px);
	margin: 0 10px;
}
.web-code-f {
	width: 280px;
}
.web-code-f .item {
	float: left;
	width: calc(50% - 20px);
	margin: 0 10px;
}
.web-code img{
	width: 100%;
	width: 100%;
}
.web-code b {
	display: block;
	font-size: 15px;
	font-weight: normal;
	padding: 5px 0 4px 0;
}
.web-code p {
	color: #999;
	font-size: 13px;
}
.header--drop ul li a{
	color: #666;
	line-height: 40px;
	display: block;
	padding: 0 16px;
	position:relative;
	z-index: 9;
}
.header--drop ul li a i{
	vertical-align: top;
	font-size: 20px;
	margin: 10px 4px 0 0;
}
.header--drop ul li a:hover{
	color: #44a631;
}
/* top */
.top{
	margin: 0 auto;
	padding: 25px 0 5px 0;
}
.logo{
	float: left;
	margin-top: 3px;
}
.line {
    width: 1px;
    height: 36px;
    background-color: #e4e4e4;
    float: left;
    margin: 15px 15px 0 25px;
}
.pageName{
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	float: left;
	margin-top: 15px;
}
.pageName i{
	width: 110px;
	height: 14px;
	display: block;
	margin-top: 8px;
	background:url(../images/tech2018/technology.png) no-repeat 0 -33px;
}
.top .search{
	width: 515px;
	margin-top: 10px;
	float: left;
	margin-left: 220px;
}
.top .search .select{
	height: 100%;
	position: relative;
	float: left;
	width: 80px;
	border: 2px solid #76a244;
	border-right: 0;
}
.top .search .select .select-top p {
	font-size: 14px;
	line-height: 40px;
	cursor: pointer;
	text-indent: 18px;
	position: relative;
	background: #fff;
	border-radius: 30px 0 0 30px;
	margin-left: 2px;
}
.top .search .select .select-top p::after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 24px;
	background: #e6e6e6;
}
.top .search .select .select-top i {
	display: inline-block;
	font-size: 12px;
	vertical-align: middle;
	position: absolute;
	right: 6px;
	top: 15px;
	transform: scale(0.8);
}
.top .search ul {
	display: block;
	position: absolute;
	z-index: 9999;
	width: 76px;
	border: 2px solid #76a244;
	display: block;
	top: 40px;
	left: 0px;
	padding: 5px 0;
	background: #fff;
	display: none;
}
.top .search ul li {
	display: block;
	font: normal 14px/22px microsoft yahei;
	color: #333;
	text-align: center;
	line-height: 25px;
}
.top .search ul li:hover {
	background: #76a244;
	color: #fff;
}
.top .search input{
	width: 329px;
	height: 20px;
	border:2px solid #76a244;
	border-left: 0;
	border-right:none;
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
	background: #fff;
	font-size: 14px;
	padding: 10px 12px;
	font-family: microsoft yahei;
	color: #999999;
	float: left;
}
.top .search button{
	width: 80px;
	height: 44px;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
	background: #76a244;
	text-align: center;
	border:none;
	float: left;
	cursor: pointer;
}
.top .search button i{
	width: 20px;
	height: 20px;
	display: inline-block;
	vertical-align: top;
	background:url(../images/tech2018/technology.png) no-repeat 0 -67px;
}
.topAdv {
	float: right;
}

.topAdv img,
.topAdv embed {
	width: 260px;
	height: 62px;
	display: block;
}

/* nav */
.nav {
	height: 50px;
	line-height: 50px;
	background: #76a244;
	white-space: nowrap;
	margin-top: 22px;
}
.nav ul {
	white-space: nowrap;
}
.nav ul li {
	float: left;
	font-size: 18px;
}
.nav ul li.shihuan {
	position: relative;
}
.nav ul li.shihuan::after {
	content: '';
	position: absolute;
	right: -14px;
	top: -5px;
	display: block;
	width: 60px;
	height: 20px;
	background: url("../images/index/Version/2021/shihuan-ico.png") no-repeat;
	background-size: contain;
}
.nav ul li {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.nav ul li a {
	color: #fff;
	padding: 0 39px;
	display: inline-block;
}
.nav ul li.active a {
	background: #ff7e05;
}
.nav ul li a:hover {
	background: #ff7e05;
}
/* footer */
.footer{
	background-color: #333333;
	padding: 20px 0 0 0;
	margin-top: 30px;
}
.Foot{
	margin:0 auto;
	color: #fff;
	overflow: hidden;
}
.footLeft{
	width: 780px;
	float: left;
}
.footMenu{
	color: #666666;
	font-size: 14px;
	line-height: 56px;
	display: block;
	text-indent: -6px;
}
.footMenu a{
	color: #fff;
	margin: 0 6px;
}
.footMenu a:hover{
	color: #76A246;
}
.footLeft p{
	color: #cacaca;
	line-height: 34px;
}
.footLeft p.webName{
	font-size: 14px;
}
.footLeft p.webName i{
	font-style: normal;
	color: #76a244;
}
.footLeft p a{
	display: inline-block;
	height: 22px;
	line-height: 22px;
	color: #fff;
	background-color: #858688;
	border-radius: 11px;
	padding: 0 10px 0 0;
	margin-right: 20px;
}
.footLeft p a{
	 position: relative;
	cursor: pointer;
	}
	.footLeft p a .QQhover {
	 position: absolute;
	 left: 0px;
	 bottom: 21px;
	 border: 1px solid #666;
	 border-radius: 4px;
	 line-height: 20px;
	 color: #333;
	 background: rgba(255,255,255,.9);
	 display: none;
	 cursor: auto;
	 font-weight: 700;
	 height: 20px;
	 width: 100px;
	 text-align: center;
	}
	.footLeft p a .QQhover::after{
	 position: absolute;
	 left: 0;
	 top: 0;
	 line-height: 20px;
	 content: "QQ:";
	}
	.footLeft p a:hover .QQhover{
	 display: inline-block;
	}
.footLeft p a b{
	display: inline-block;
	width: 22px;
	height: 22px;
	border-radius: 100%;
	margin-right: 5px;
	vertical-align: top;
	background: #afb1b0 url(https://www.hbzhan.com/images/News/newsIndex.png) no-repeat -83px -239px;
}
.copyright{
	border-top: 1px solid #666666;
	margin-top: 24px;
	padding-top: 20px;
	color: #cacaca;
}
.footRight{
	width: 400px;
	float: right;
	text-align: center;
	padding-top: 20px;
}
.footRight p{
	display: inline-block;
	width: 100px;
	margin: 12px;
}
.footRight p img{
	border:1px solid #999999;
	margin:5px 0;
    width: 98px;
}

/* footer */
/* rightNav */
.rightAdv{
	display: none;
}
.rightNav {
	position: fixed;
	right: 10px;
	top: 150px;
	z-index: 9999;
}

.rightNavItem {
	width: 50px;
	position: relative;
	border-radius: 4px;
	background: #5aa44c;
}

.rightNavItem a {
	display: inline-block;
	width: 50px;
	color: #fff;
	position: relative;
	padding-bottom: 12px;
}
.rightNavItem a::after {
	content: '';
	position: absolute;
	bottom: 0;
	height: 1px;
	width: 28px;
	left: 50%;
	transform: translateX(-50%);
	background: rgba(255,255,255,0.3);
}

.HBapp,.weixinItem,.qqItem {
	z-index: 99999;
}

.contribution {
	box-sizing: border-box;
	text-align: center;
	display: inline-block;
	position:relative;
}
.contribution-a{
	font-size: 14px;
	font-weight: bold;
}
.contribution-tg{
	padding:10px;
	height:50px !important;
	box-sizing: border-box;
}

.rightNavItem a.home {
	background: url("/images/Version/2022/info/right-ico2.png") no-repeat center center;
}
.rightNavItem a.tiktok {
	background: url("/images/Version/2022/info/right-ico3.png") no-repeat center center;
}
.rightNavItem a.WeiXin {
	background: url("/images/Version/2022/info/right-ico4.png") no-repeat center center;
}
.rightNavItem a.yijian {
	background: url("/images/Version/2022/info/right-ico5.png") no-repeat center 10px;
	text-align: center;
	height:80px;
}
.rightNavItem a.yijian b{
	font-weight:400;
	margin-top:40px;
	display: inline-block;
	width:32px;
}
.rightNavItem a.app {
	text-align: center;
	line-height: 50px;
}
.rightNavItem a.app i {
	font-size: 26px;
}
.rightNavItem a.toTop {
	text-align: center;
	line-height: 50px;
	-webkit-transition: all 0 ease;
	-moz-transition: all 0 ease;
	-ms-transition: all 0 ease;
	-o-transition: all 0 ease;
	transition: all 0 ease;
	display: none;
}
.rightNavItem a.toTop i {
	font-size: 22px;
	margin-top: 5px;
	display: inline-block;
}

.appItem {
	position: absolute;
	right: 65px;
	text-align: center;
	font-size: 16px;
	background-color: #fff;
	width: 168px;
	top: 50px;
	line-height: 18px;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
	display: none;
}
.appItem .image {
	padding: 14px;
}
.appItem p {
	height: 34px;
	line-height: 34px;
	text-align: center;
	font-size: 14px;
	color: #44a631;
	font-weight: bold;
	background: #f5f8f2;
}

.appItem b {
	color: red;
}
.tiktokItem {
	top: 186px;
}
.weixinItem {
	top: 80px;
}
.yijianItem {
	top: 112px;
}

.weixinItem img {
	margin: 0;
}

.qqItem {
	top: 164px;
}

.qqItem b{
	display: block;
	margin: 3px 0 6px 0
}
.cooperation{
	position: absolute;
	right: 50px;
	top: 0px;
	display: none;
	padding-right: 15px;
}
.cooperation-item{
	background: url(https://www.hbzhan.com/images/news/version/2022/cooperation-bg.png) no-repeat;
	background-size: 100% 100%;
	width: 410px;
  	border-radius: 6px;
  	overflow: hidden;
}
.cooperation-top{
	padding: 32px 26px 0;
}
.cooperation-top b{
	font-size: 24px;
	color: #5aa44c;
	display: block;
}
.cooperation-top ul{
	padding-top: 8px;
}
.cooperation-top li{
	padding: 17px 0 10px;
	font-size: 18px;
	font-weight: 700;
	color: #333;
	text-align: left;
	border-bottom: 1px solid #eeeeee;
}
.cooperation-top li:last-child{
	border: 0;
}
.cooperation-top li span{
	margin-bottom: 16px;
	font-size: 16px;
	font-weight: normal;
	color: #999;
	display: block;
}
.cooperation-bot{
	height: 44px;
	line-height: 44px;
	font-size: 14px;
	color: #999;
	background-color: #f5f5f5;
	text-align: center;
}
.contribution-a a i{
	display: block;
	background-size: 100% 100%;
	margin: 14px auto 7px;
}
.contribution-a a b {
	font-size: 13px;
	font-weight: normal;
}
.contribution-a a.cooperation-ydd i{
	width: 22px;
	height: 22px;
	background: url(https://www.hbzhan.com/images/news/version/2022/icon-ydd.png) no-repeat;
}
.contribution-a a.cooperation-dy i{
	width: 23px;
	height: 28px;
	background: url(https://www.hbzhan.com/images/news/version/2022/icon-dy.png) no-repeat;
}
.contribution-a a.cooperation-sph i{
	width: 26px;
	height: 22px;
	background: url(https://www.hbzhan.com/images/news/version/2022/icon-sph.png) no-repeat;
}
.contribution-a a.cooperation-ks i{
	width: 26px;
	height: 29px;
	background: url(https://www.hbzhan.com/images/news/version/2022/icon-ks.png) no-repeat;
}
.cooperation-bot1 {
	width: 518px;
	padding: 18px 14px;
	background-image: -moz-linear-gradient( -90deg, rgb(242,255,248) 0%, rgb(255,255,255) 43%);
	background-image: -webkit-linear-gradient( -90deg, rgb(242,255,248) 0%, rgb(255,255,255) 43%);
	background-image: -ms-linear-gradient( -90deg, rgb(242,255,248) 0%, rgb(255,255,255) 43%);
	box-shadow: 0px 10px 20px 0px rgba(150, 153, 158, 0.32);
	border-radius: 0 0 8px 8px;
}
.cooperation-bot1 .item {
	float: left;
	width: 33.3%;
}
.cooperation-bot1 .item .image{
	padding: 4px 4px 0;
	border-radius: 8px;
	display: inline-block;
	background-image: -moz-linear-gradient( -90deg, rgb(151,224,228) 0%, rgb(241,179,56) 100%);
	background-image: -webkit-linear-gradient( -90deg, rgb(151,224,228) 0%, rgb(241,179,56) 100%);
	background-image: -ms-linear-gradient( -90deg, rgb(151,224,228) 0%, rgb(241,179,56) 100%);
}
.cooperation-bot1 .item .image img{
	width: 130px;
	height: 130px;
	border-radius: 8px;
}
.cooperation-bot1 .item .image b{
	height: 24px;
	line-height: 24px;
	font-size: 15px;
	color: #fff;
	display: block;
	text-align: center;
	overflow: hidden;
}
.cooperation-bot1 .item p{
	margin-top: 10px;
	height: 16px;
	line-height: 16px;
	font-size: 15px;
	color: #888;
	overflow: hidden;
}
.sph-item{
	width: 505px;
	padding: 20px 0;
	border-radius: 4px;
	background-image: -moz-linear-gradient( -90deg, rgb(242,255,248) 0%, rgb(255,255,255) 48%);
	background-image: -webkit-linear-gradient( -90deg, rgb(242,255,248) 0%, rgb(255,255,255) 48%);
	background-image: -ms-linear-gradient( -90deg, rgb(242,255,248) 0%, rgb(255,255,255) 48%);
	box-shadow: 0px 10px 20px 0px rgba(150, 153, 158, 0.32);
	border-radius: 4px;
	box-sizing: border-box;
	overflow: hidden;
}
.sph-Box{
	padding-right: 10px;
	left: -515px;
}
.sph-item .left{
	width: 264px;
	height: 180px;
	position: relative;
	float: left;
}
.sph-item .left p{
	display: inline-block;
  	position: absolute;
	padding: 0;
  	left: 33px;
  	top: 50%;
  	width: 20px;
  	line-height: 28px;
  	font-size: 20px;
  	color: #c27468;
  	transform: translateY(-50%);
}
.sph-item .left img{
	position: absolute;
	left: 84px;
	top: 50%;
	transform: translateY(-50%);
	width: 180px;
}
.sph-item .right{
	width: 240px;
	padding-top: 34px;
	text-align: center;
	overflow: hidden;
}
.sph-item .right b{
	height: 34px;
	line-height: 34px;
	font-size: 22px;
	color: #666;
	display: block;
	overflow: hidden;
}
.sph-item .right p{
	margin-top: 15px;
	line-height: 20px;
	font-size: 18px;
	color: #666;
	padding: 0;
}
.sph-item .right span{
	margin-top: 20px;
	height: 20px;
	line-height: 20px;
	font-size: 16px;
	color: #999;
	background: none;
	position: relative;
	display: block;
}
.contribution:hover .cooperation{
	display: block;
}
/* end */
/* phone */
.phone_item{
	position: absolute;
	left: -310px;
	top: 0;
	width: 240px;
	height: 380px;
	padding: 0 25px;
	background-color: #fff;
	box-shadow: 0 2px 5px #ccc;
	display: none;
}
.phone_item p{
	height: 50px;
	position: relative;
	padding: 16px 25px 16px 90px;
}
.phone_item p {
	height: 50px;
	position: relative;
	padding: 16px 0 16px 65px;
	border-bottom: 1px dashed #e6e6e6;
}
.phone_item p i {
	position: absolute;
	left: 0;
	top: 16px;
	width: 50px;
	height: 50px;
	background: url(https://www.bf35.com/Images/rightBarIcon.png) no-repeat -38px -87px;
}
.phone_item b {
	display: block;
	text-align: left;
	font-size: 14px;
	color: #fe9900;
	font-weight: normal;
	margin-bottom: 10px;
}
.phone_item em {
	display: block;
	text-align: left;
	font-size: 16px;
	font-weight: 700;
	font-style: normal;
	color: #333;
	margin-bottom: 5px;
}
.phone_item span {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #f5f5f5;
	color: #999;
	font-size: 14px;
	height: 50px;
	line-height: 50px;
	text-align: center;
}
/* end */
.rightAdv_qq:hover .qq_contactInfo{
	display: block;
}
.rightAdv_phone:hover .phone_item{
	display: block;
}
.rightadvTop {
	position: fixed;
	top: 460px;
	right: 31px;
	width: 42px;
	height: 42px;
	background-color: #44a631;
	border-radius: 50%;
	box-shadow: 0 2px 5px #999;
	text-align: center;
	z-index: 9999;
	overflow: hidden;
	display: none;
}
.rightadvTop i {
	display: inline-block;
	font-size: 18px;
	color: #fff;
	margin-top: 10px;
}
.advs {
	position: relative;
	display: block;
}
.advs i {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 9;
	width: 24px;
	height: 12px;
	background: url("https://public.mtnets.com/Images/public/adv.png") no-repeat;
}
@media screen and (max-width: 1028px) {
	.w{
		width: 830px;
	}
	.main .right {
		width: 200px;
	}
	.main .right .item {
		padding: 3px 12px 12px 12px;
	}
	.main .right-title {
		font-size: 14px;
		height: 29px;
		line-height: 29px;
	}
	.main .right-title::after {
		width: 45px;
		height: 2px;
	}
	.main .right .LiveBig {
		margin-top: 13px;
	}
	.main .right .LiveBig p {
		font-size: 12px;
		line-height: 18px;
		height: 36px;
		margin-top: 6px;
	}
	.main .right .LiveUl {
		margin-right: -12px;
	}
	.main .right .LiveUl .item1 {
		margin-right: 12px;
	}
	.main .right .LiveUl {
		margin-top: 15px;
	}
	.main .right .LiveUl li p {
		font-size: 12px;
		line-height: 16px;
		height: 32px;
		margin-top: 6px;
	}
	.main .right .LiveUl .image i {
		font-size: 22px;
	}
	.main .right .pro-rec {
		margin-top: 13px;
	}
	.main .right .pro-rec .image {
		width: 64px;
		height: 64px;
		margin-right: 12px;
	}
	.main .right .pro-rec .text span {
		margin-top: 8px;
		font-size: 12px;
	}
	.main .right .pro-rec li {
		margin-bottom: 14px;
	}
	.main .right .news-ul li {
		height: 24px;
		line-height: 24px;
		font-size: 12px;
	}
	.main .right .news-ul li i {
		line-height: 22px;
		font-size: 12px;
		margin-right: 6px;
	}
	.main .right .pro-rec .text p{
		font-size: 12px;
		height: 32px;
		line-height: 16px;
	}
	.main .right .LiveBig i {
		font-size: 30px;
		bottom: 5px;
	}
	.ent-dir {
		margin-top: 13px;
		padding: 14px;
	}
	.ent-dir .image {
		width: 62px;
		height: 94px;
		margin-right: 5px;
	}
	.ent-dir .text b {
		font-size: 12px;
		margin-top: 5px;
		line-height: 16px;
		height: 32px;
	}
	.ent-dir .text p {
		font-size: 12px;
	}
	.ent-dir .text p {
		margin-top: 10px;
	}
	.rec-exhi {
		margin-top: 10px;
	}
	.rec-exhi-title {
		margin-top: 8px;
	}
	.rec-exhi-title span {
		font-size: 12px;
	}
	.rec-exhi-title em {
		font-size: 12px;
	}
	.ent-dir .text p span {
		padding: 2px 2px;
		margin-right: 4px;
	}
	.ent-dir .text p em {
		padding: 2px 2px;
		margin-top: 5px;
	}
	.rec-exhi ul li {
		font-size: 12px;
		height: 20px;
		line-height: 20px;
	}
	.rec-exhi .image {
		margin-top: 6px;
	}
	.rec-exhi .image p {
		font-size: 12px;
		padding: 25px 8px 5px 8px;
	}
	.main .left {
		width: 616px;
	}
	.main .left li .btn {
		right: 20px;
		top: 52px;
	}
	.main .left li {
		padding: 0 20px;
	}
	.main .left li .item {
		padding: 20px 0;
	}
	.main .left li .image {
		width: 84px;
		margin-right: 20px;
	}
	.main .left li .text .name {
		font-size: 16px;
		margin-top: 6px;
		line-height: 20px;
		height: 20px;
	}
	.main .left li .text .company {
		margin-top: 28px;
		font-size: 13px;
		line-height: 15px;
		height: 15px;
	}
	.main .left li .text .data span {
		font-size: 12px;
		padding: 0 8px;
	}
	.main .left li .text .data span i {
		font-size: 12px;
		margin-right: 4px;
	}
	.main .left li .btn a {
		width: 96px;
		height: 38px;
		line-height: 38px;
		font-size: 12px;
	}
	.main .left li .btn a i {
		font-size: 12px;
	}
	.main .left li .text {
		padding-right: 110px;
	}
	.pages a {
		width: 36px;
		height: 36px;
		margin: 0 2px;
		line-height: 36px;
		font-size: 14px;
	}
	.pages .jump {
		font-size: 13px;
		line-height: 36px;
	}
	.pages .jump input {
		width: 40px;
		height: 36px;
		margin: 0 10px;
	}
	.pages .jump button {
		width: 52px;
		height: 36px;
		font-size: 12px;
	}
	.pages a.lt {
		background: #fff url(../../../../images/technology/version/2022/page.png) -242px center no-repeat;
	}
	.pages a.ft,.pages a.next,.pages a.prev,.pages a.lt {
		background-size: auto 12px;
	}
	.logo {
		width: 160px;
		margin-top: 8px;
	}
	.line {
		margin: 10px 10px 0 10px;
	}
	.search {
		width: 345px;
		margin-left: 10px;
	}
	.pageName {
		margin-top: 18px;
		font-size: 18px;
	}
	.top {
		padding: 10px 0 0 0;
	}
	.top .search {
		width: 285px;
		margin-left: 15px;
		margin-top: 14px;
	}
	.top .search .select {
		width: 50px;
		border: 1px solid #76a244;
		border-right: 0;
	}
	.top .search .select .select-top p {
		font-size: 12px;
		line-height: 28px;
		text-indent: 2px;
	}
	.top .search .select .select-top p::after {
		height: 18px;
	}
	.top .search .select .select-top i {
		right: 4px;
		top: 10px;
		font-size: 10px;
	}
	.top .search ul {
		width: 50px;
		top: 28px;
		left: 0px;
		display: block;
		border: 1px solid #76a244;
	}
	.top .search ul li {
		font: normal 12px/20px microsoft yahei;
		line-height: 20px;
	}
	.top .search input {
		border: 1px solid #76a244;
		border-left: 0;
		width: 175px;
		padding: 4px 8px;
		font-size: 12px;
	}
	.top .search button {
		width: 42px;
		height: 30px;
	}
	#fenxiangDiv {
		padding-top: 4px;
	}
	.header .item ul li a {
		line-height: 20px;
	}
	.header .item ul li {
		padding: 0 4px;
	}
	.header .item .left ul li a {
		padding: 0 2px;
	}
	.header .item .right ul li a {
		padding: 0 8px;
	}
	.header--drop ul li a {
		padding: 0 10px;
	}
	.banner-adv ul li .adv-item {
		margin: 10px 10px 0 10px;
	}
	.header .item .right {
		margin-right: 164px;
	}
	.nav {
		height: 30px;
		line-height: 30px;
		font-size: 12px;
		margin-top: 12px;
	}
	.nav ul li {
		font-size: 12px;
	}
	.nav ul li a {
		padding: 0 17px;
	}
	.selectbox-wrapper ul li {
		font-size: 12px;
	}
	#search {
		height: 44px;
		font-size: 12px;
	}
	#search p {
		line-height: 44px;
		background-position: -112px -122px;
		font-size: 12px;
	}
	.search1 {
		top: 5px;
	}
	.selectbox,
	input.text {
		top: 6px;
		font-size: 12px;
	}
	#search button {
		top: 6px;
	}
	.mainRight {
		width: 515px;
	}
	.download p,
	.topic h3,
	.topic li {
		font-size: 13px;
	}
	.mainRight dt {
		height: 32px;
		font-size: 14px;
		line-height: 32px;
		text-indent: 24px;
		background-position: -118px -31px;
	}
	.mainRight dd span {
		width: 230px;
		font-size: 13px;
	}

	.footer {
		margin-top: 28px;
	}
	.footLeft {
		width: 615px;
	}
	.footLeft p.webName {
		font-size: 12px;
	}
	.footLeft p {
		line-height: 28px;
	}
	.footLeft p a {
		margin-right: 5px;
	}
	.footMenu {
		font-size: 12px;
		line-height: 36px;
	}
	.footRight {
		width: 210px;
		padding-top: 10px;
		float: left;
	}
	.footRight p {
		width: 60px;
		margin: 4px;
	}
	.footRight p img {
		width: 58px;
	}
	.copyright {
		margin-top: 14px;
		padding-top: 15px;
		padding-bottom: 15px;
	}

}
@media only screen and (min-width: 1029px) and (max-width: 1199px) {
	.w{
		width: 968px;
	}
	.main .right {
		width: 234px;
	}
	.main .right .item {
		padding: 3px 14px 14px 14px;
	}
	.main .right-title {
		font-size: 16px;
		height: 34px;
		line-height: 34px;
	}
	.main .right-title::after {
		width: 45px;
		height: 2px;
	}
	.main .right .LiveBig {
		margin-top: 13px;
	}
	.main .right .LiveBig p {
		font-size: 12px;
		line-height: 18px;
		height: 36px;
		margin-top: 6px;
	}
	.main .right .LiveUl {
		margin-right: -14px;
	}
	.main .right .LiveUl .item1 {
		margin-right: 14px;
	}
	.main .right .LiveUl {
		margin-top: 15px;
	}
	.main .right .LiveUl li p {
		font-size: 12px;
		line-height: 16px;
		height: 32px;
		margin-top: 6px;
	}
	.main .right .LiveUl .image i {
		font-size: 22px;
	}
	.main .right .pro-rec {
		margin-top: 13px;
	}
	.main .right .pro-rec .image {
		width: 64px;
		height: 64px;
		margin-right: 12px;
	}
	.main .right .pro-rec .text span {
		margin-top: 8px;
		font-size: 12px;
	}
	.main .right .pro-rec li {
		margin-bottom: 14px;
	}
	.main .right .news-ul li {
		height: 24px;
		line-height: 24px;
		font-size: 12px;
	}
	.main .right .news-ul li i {
		line-height: 22px;
		font-size: 12px;
		margin-right: 6px;
	}
	.main .right .pro-rec .text p{
		font-size: 12px;
		height: 32px;
		line-height: 16px;
	}
	.main .right .LiveBig i {
		font-size: 30px;
		bottom: 5px;
	}
	.ent-dir {
		margin-top: 13px;
		padding: 14px;
	}
	.ent-dir .image {
		width: 62px;
		height: 94px;
		margin-right: 5px;
	}
	.ent-dir .text b {
		font-size: 12px;
		margin-top: 10px;
		line-height: 16px;
		height: 32px;
	}
	.ent-dir .text p {
		font-size: 12px;
	}
	.ent-dir .text p {
		margin-top: 20px;
	}
	.rec-exhi {
		margin-top: 10px;
	}
	.rec-exhi-title {
		margin-top: 8px;
	}
	.rec-exhi-title span {
		font-size: 12px;
	}
	.rec-exhi-title em {
		font-size: 12px;
	}
	.ent-dir .text p span {
		padding: 2px 2px;
		margin-right: 4px;
	}
	.ent-dir .text p em {
		padding: 2px 2px;
	}
	.rec-exhi ul li {
		font-size: 12px;
		height: 20px;
		line-height: 20px;
	}
	.rec-exhi .image {
		margin-top: 6px;
	}
	.rec-exhi .image p {
		font-size: 12px;
		padding: 25px 8px 5px 8px;
	}
	.main .left {
		width: 718px;
	}
	.main .left li .btn {
		right: 20px;
		top: 52px;
	}
	.main .left li {
		padding: 0 20px;
	}
	.main .left li .item {
		padding: 20px 0;
	}
	.main .left li .image {
		width: 84px;
		margin-right: 20px;
	}
	.main .left li .text .name {
		font-size: 16px;
		margin-top: 6px;
		line-height: 20px;
		height: 20px;
	}
	.main .left li .text .company {
		margin-top: 28px;
		font-size: 13px;
		line-height: 15px;
		height: 15px;
	}
	.main .left li .text .data span {
		font-size: 12px;
		padding: 0 8px;
	}
	.main .left li .text .data span i {
		font-size: 12px;
		margin-right: 4px;
	}
	.main .left li .btn a {
		width: 96px;
		height: 38px;
		line-height: 38px;
		font-size: 12px;
	}
	.main .left li .btn a i {
		font-size: 12px;
	}
	.main .left li .text {
		padding-right: 110px;
	}
	.pages a {
		width: 36px;
		height: 36px;
		margin: 0 4px;
		line-height: 36px;
		font-size: 14px;
	}
	.pages .jump {
		font-size: 13px;
		line-height: 36px;
	}
	.pages .jump input {
		width: 40px;
		height: 36px;
		margin: 0 10px;
	}
	.pages .jump button {
		width: 52px;
		height: 36px;
		font-size: 12px;
	}
	.pages a.lt {
		background: #fff url(../../../../images/technology/version/2022/page.png) -242px center no-repeat;
	}
	.pages a.ft,.pages a.next,.pages a.prev,.pages a.lt {
		background-size: auto 12px;
	}
	.logo {
		width: 180px;
	}
	#fenxiangDiv {
		padding-top: 4px;
	}
	.header .item .right ul li a {
		padding: 0 8px;
	}
	.header--drop ul li a {
		padding: 0 10px;
	}
	.banner-adv ul li .adv-item {
		margin: 12px 10px 0 10px;
	}
	.header .item .right {
		margin-right: 164px;
	}
	.top {
		padding: 10px 0 0 0;
	}
	.line {
		margin: 10px 15px 0 15px;
	}
	.top .search {
		width: 360px;
		margin-left: 20px;
		margin-top: 14px;
	}
	.pageName {
		margin-top: 16px;
		font-size: 20px;
	}
	.top .search .select {
		width: 66px;
		border: 1px solid #76a244;
		border-right: 0;
	}
	.top .search .select .select-top p {
		font-size: 13px;
		line-height: 32px;
		text-indent: 12px;
	}
	.top .search .select .select-top p::after {
		height: 18px;
	}
	.top .search .select .select-top i {
		right: 7px;
		top: 13px;
	}
	.top .search ul {
		width: 63px;
		top: 32px;
		left: 0px;
	}
	.top .search ul li {
		font: normal 13px/22px microsoft yahei;
		line-height: 23px;
	}
	.top .search input {
		border: 1px solid #76a244;
		border-left: 0;
		width: 206px;
		padding: 6px 12px;
	}
	.top .search button {
		width: 60px;
		height: 34px;
	}
	.nav {
		height: 36px;
		line-height: 36px;
		font-size: 16px;
		margin-top: 12px;
	}
	.nav ul li {
		font-size: 14px;
	}
	.nav ul li a {
		padding: 0 20px;
	}
	.mainRight {
		width: 645px;
	}
	.mainRight dt {
		height: 34px;
		font-size: 16px;
		line-height: 34px;
		background-position: -112px -29px;
	}
	.mainRight dd span {
		width: 135px;
		font-size: 14px;
	}
	.download p,
	.topic h3,
	.topic li {
		font-size: 14px;
	}
	#search p {
		font-size: 14px;
	}
	.footer {
		margin-top: 28px;
	}
	.footLeft {
		width: 655px;
	}
	.footLeft p.webName {
		font-size: 12px;
	}
	.footLeft p {
		line-height: 28px;
	}
	.footLeft p a {
		margin-right: 5px;
	}
	.footMenu {
		font-size: 12px;
		line-height: 36px;
	}
	.footRight {
		width: 310px;
		padding-top: 10px;
	}
	.footRight p {
		width: 90px;
		margin: 4px;
	}
	.copyright {
		margin-top: 14px;
		padding-top: 15px;
		padding-bottom: 15px;
	}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.w{
		width: 1158px;
	}
	.main .right {
		width: 280px;
	}
	.main .right .item {
		padding: 3px 16px 16px 16px;
	}
	.main .right-title {
		font-size: 18px;
		height: 44px;
		line-height: 44px;
	}
	.main .right .LiveBig {
		margin-top: 16px;
	}
	.main .right .LiveBig p {
		font-size: 14px;
		line-height: 20px;
		height: 40px;
		margin-top: 8px;
	}
	.main .right .LiveUl li p {
		font-size: 12px;
		line-height: 18px;
		height: 36px;
		margin-top: 8px;
	}
	.main .right .pro-rec .image {
		width: 78px;
		height: 78px;
		margin-right: 14px;
	}
	.main .right .pro-rec .text span {
		margin-top: 10px;
	}
	.main .right .pro-rec li {
		margin-bottom: 15px;
	}
	.main .right .news-ul li {
		height: 30px;
		line-height: 30px;
		font-size: 14px;
	}
	.main .right .news-ul li i {
		line-height: 22px;
	}
	.main .right .pro-rec .text p{
		font-size: 14px;
	}
	.main .right .LiveBig i {
		font-size: 34px;
	}
	.ent-dir {
		margin-top: 18px;
		padding: 16px;
	}
	.ent-dir .image {
		width: 76px;
		height: 110px;
		margin-right: 10px;
	}
	.ent-dir .text b {
		font-size: 14px;
		margin-top: 10px;
		line-height: 20px;
		height: 40px;
	}
	.ent-dir .text p {
		font-size: 12px;
	}
	.ent-dir .text p {
		margin-top: 20px;
	}
	.rec-exhi {
		margin-top: 14px;
	}
	.rec-exhi-title {
		margin-top: 10px;
	}
	.rec-exhi-title span {
		font-size: 12px;
	}
	.rec-exhi-title em {
		font-size: 12px;
	}
	.rec-exhi ul li {
		font-size: 12px;
		height: 24px;
		line-height: 24px;
	}
	.rec-exhi .image p {
		font-size: 14px;
		padding: 25px 8px 5px 8px;
	}
	.main .left {
		width: 860px;
	}
	.main .left li .btn {
		right: 30px;
		top: 60px;
	}
	.main .left li {
		padding: 0 20px;
	}
	.main .left li .item {
		padding: 20px 0;
	}
	.main .left li .image {
		width: 96px;
		margin-right: 20px;
	}
	.main .left li .text .name {
		font-size: 18px;
		margin-top: 8px;
		line-height: 20px;
		height: 20px;
	}
	.main .left li .text .company {
		margin-top: 32px;
		font-size: 15px;
		line-height: 18px;
		height: 18px;
	}
	.main .left li .text .data span {
		font-size: 13px;
	}
	.main .left li .btn a {
		width: 114px;
		height: 42px;
		line-height: 42px;
		font-size: 13px;
	}
	.main .left li .btn a i {
		font-size: 12px;
	}
	.main .left li .text {
		padding-right: 150px;
	}
	.pages a {
		width: 36px;
		height: 36px;
		margin: 0 4px;
		line-height: 36px;
		font-size: 14px;
	}
	.pages .jump {
		font-size: 13px;
		line-height: 36px;
	}
	.pages .jump input {
		width: 40px;
		height: 36px;
		margin: 0 10px;
	}
	.pages .jump button {
		width: 52px;
		height: 36px;
		font-size: 12px;
	}
	.pages a.lt {
		background: #fff url(../../../../images/technology/version/2022/page.png) -242px center no-repeat;
	}
	.pages a.ft,.pages a.next,.pages a.prev,.pages a.lt {
		background-size: auto 12px;
	}
	.top {
		padding: 15px 0 0 0;
	}
	.top .search {
		width: 433px;
		margin-left: 30px;
	}
	.top .search .select {
		width: 75px;
		border: 1px solid #76a244;
		border-right: 0;
	}
	.top .search .select .select-top p {
		line-height: 36px;
		text-indent: 15px;
	}
	.top .search .select .select-top i {
		right: 7px;
		top: 14px;
	}
	.top .search ul {
		width: 71px;
		top: 36px;
		left: 0px;
	}
	.top .search input {
		border: 1px solid #76a244;
		border-left: 0;
		width: 260px;
		padding: 8px 12px;
	}
	.top .search button {
		width: 70px;
		height: 38px;
	}
	.banner-adv ul li .adv-item {
		margin: 14px 10px 0 10px;
	}
	.nav {
		height: 40px;
		line-height: 40px;
		font-size: 16px;
		margin-top: 16px;
	}
	.nav ul li {
		font-size: 16px;
	}
	.nav ul li a {
		padding: 0 25px;
	}
	.mainRight {
		width: 830px;
	}
	.mainRight dt {
		height: 34px;
		font-size: 16px;
		line-height: 34px;
		background-position: -112px -29px;
	}
	.mainRight dd span {
		width: 170px;
		font-size: 15px;
	}
	.download p,
	.topic h3,
	.topic li {
		font-size: 15px;
	}
	#search p {
		font-size: 15px;
	}
	.footRight {
		width: 370px;
	}
	.footRight p {
		width: 90px;
	}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
	.w{
		width: 1230px;
	}
	.main .right {
		width: 296px;
	}
	.main .right .item {
		padding: 3px 16px 16px 16px;
	}
	.main .right-title {
		font-size: 18px;
		height: 44px;
		line-height: 44px;
	}
	.main .right .LiveBig {
		margin-top: 18px;
	}
	.main .right .LiveBig p {
		font-size: 14px;
		line-height: 22px;
		height: 44px;
	}
	.main .right .LiveUl li p {
		font-size: 14px;
		line-height: 20px;
		height: 40px;
		margin-top: 8px;
	}
	.main .right .pro-rec .image {
		width: 82px;
		height: 82px;
		margin-right: 14px;
	}
	.main .right .pro-rec .text span {
		margin-top: 10px;
	}
	.main .right .pro-rec li {
		margin-bottom: 16px;
	}
	.main .right .news-ul li {
		height: 32px;
		line-height: 32px;
		font-size: 14px;
	}
	.main .right .news-ul li i {
		line-height: 22px;
	}
	.main .right .pro-rec .text p{
		font-size: 14px;
	}
	.main .right .LiveBig i {
		font-size: 34px;
	}
	.ent-dir {
		margin-top: 18px;
	}
	.ent-dir .image {
		width: 90px;
		height: 133px;
		margin-right: 18px;
	}
	.ent-dir .text p {
		margin-top: 20px;
	}
	.rec-exhi {
		margin-top: 16px;
	}
	.rec-exhi ul li {
		font-size: 14px;
		height: 28px;
		line-height: 28px;
	}

	.newsBot {
		margin-top: 0;
	}
	.main .right .user {
		padding: 25px 16px;
	}
	.main .right .user .image {
		width: 68px;
		height: 68px;
		margin-right: 16px;
	}
	.main .right .user .text p {
		line-height: 24px;
		height: 48px;
	}
	.main .right .user .btn_right a {
		width: 112px;
		height: 34px;
		line-height: 34px;
		font-size: 14px;
		margin: 0 8px;
	}
	.main .right .user .btn_right {
		margin-top: 24px;
	}
	.main .left {
		width: 910px;
	}
	.main .left li .btn {
		right: 30px;
		top: 60px;
	}
	.main .left li {
		padding: 0 20px;
	}
	.main .left li .item {
		padding: 20px 0;
	}
	.main .left li .image {
		width: 96px;
		margin-right: 20px;
	}
	.main .left li .text .name {
		font-size: 18px;
		margin-top: 8px;
		line-height: 20px;
		height: 20px;
	}
	.main .left li .text .company {
		margin-top: 32px;
		font-size: 15px;
		line-height: 18px;
		height: 18px;
	}
	.main .left li .text .data span {
		font-size: 13px;
	}
	.main .left li .btn a {
		width: 130px;
		height: 44px;
		line-height: 44px;
		font-size: 14px;
	}
	.main .left li .text {
		padding-right: 150px;
	}
	.top .search {
		margin-left: 35px;
	}
	.top {
		padding: 25px 0 8px 0;
	}
	#fenxiangDiv {
		padding-top: 5px;
	}
	.banner-adv ul li .adv-item {
		margin: 16px 10px 0 10px;
	}
	.nav {
		height: 42px;
		line-height: 42px;
		font-size: 16px;
		margin-top: 18px;
	}
	.nav ul li {
		font-size: 16px;
	}
	.nav ul li a {
		padding: 0 29px;
	}
	.mainRight {
		width: 905px;
	}
	.mainRight dd span {
		width: 200px;
	}
}
@media only screen and (min-width: 1600px) and (max-width: 1919px) {
	.w{
		width: 1390px;
	}
	.main .left {
		width: 1030px;
	}
	.right-text a {
		font-size: 18px;
	}
	.main .right {
		width: 336px;
	}
	.main .right .item {
		padding: 3px 19px 20px 19px;
	}
	.main .right-title {
		font-size: 20px;
		height: 50px;
		line-height: 50px;
	}
	.main .right .LiveBig {
		margin-top: 18px;
	}
	.main .right .LiveBig p {
		line-height: 24px;
		height: 48px;
	}
	.main .right .LiveUl li p {
		font-size: 14px;
		line-height: 22px;
		height: 44px;
	}
	.main .right .pro-rec .image {
		width: 92px;
		height: 92px;
	}
	.main .right .pro-rec .text span {
		margin-top: 15px;
	}
	.main .right .pro-rec li {
		margin-bottom: 18px;
	}
	.main .right .news-ul li {
		height: 35px;
		line-height: 35px;
		font-size: 14px;
	}
	.main .right .user .btn_right a {
		width: 126px;
		margin: 0 9px;
	}
	.solicit {
		height: 115px;
	}
	.solicit-item b {
		font-size: 28px;
	}
	.solicit-item span {
		font-size: 16px;
	}
	.newsTop h1 {
		font-size: 38px;
	}
	.newsTop .newsTime {
		font-size: 14px;
	}
	.ent-dir {
		margin-top: 18px;
	}
	.ent-dir .image {
		width: 90px;
		height: 133px;
		margin-right: 18px;
	}
	.ent-dir .text p {
		margin-top: 20px;
	}
	.rec-exhi {
		margin-top: 18px;
	}
	.rec-exhi ul li {
		font-size: 14px;
		height: 28px;
		line-height: 28px;
	}
	.top {
		padding: 25px 0 8px 0;
	}
	.top .search {
		margin-left: 165px;
	}
	.banner-adv ul li .adv-item {
		margin: 18px 10px 0 10px;
	}
	.nav {
		height: 48px;
		line-height: 48px;
		font-size: 18px;
		margin-top: 18px;
	}
	.nav ul li a {
		padding: 0 33px;
	}
	.mainRight {
		width: 1050px;
	}
	.mainRight dd span {
		width: 230px;
	}
}